/**
 * @author nuarharuha 
 */

/**
 * fonts face
 */

.fnt-oxygen                            { font-family: Oxygen, sans-serif }

.fnt-museo700                          { font-family: Museo-700, sans-serif }

.fnt-myriadwebpro                      { font-family: MyriadWebProRegular, sans-serif }

/**
 * header 
 */

.cwrap                                 { background: #2da8d6 url('../img/gradient-light.png') no-repeat 0% 0% }

body                                   { background-color: #eee }

header                                 { padding-top: 0.8em }

header hgroup h1 a                     {
                                           text-indent: -999em;
                                           background: transparent url('../img/logo.png') no-repeat;
                                           overflow: hidden;
                                           display: block;
                                           width: 157px;
                                           height: 40px;
                                           float: left;
                                           outline: 0;
    }

header h2                              { display: none }

/**
 * navgation
 */

nav ul li                              { float: left }

header nav li                          {
                                           background: transparent url('../img/hnav.png') repeat-x;
                                           height: 38px;
                                           padding: 8px 4px 0pt;
    }

nav li a                               {
                                           color: #666;
                                           text-decoration: none;
    }

header nav ul                          { float: right }

header nav li a.visited                { color: #666 !important }

header nav li a span                   {
                                           background: transparent url('../img/hnav-bar.png') no-repeat 100% 50%;
                                           height: 18px;
                                           display: block;
                                           padding-right: 10px;
    }

header nav li.last a span              {
                                           background-image: none;
                                           padding-right: 0px;
    }

header nav ul li.first                 {
                                           background-image: url('../img/hnav-left.png');
                                           background-position: 0% 0%;
                                           padding-left: 2em;
    }

header nav ul li.last                  {
                                           background-image: url('../img/hnav-right.png');
                                           background-position: 100% 0%;
                                           padding-right: 2em;
    }

header nav                             {
                                           display: block;
                                           width: 354px;
                                           float: right;
                                           font-size: 0.8em;
    }

/**
 * content
 */

.page #primary                         { background-image: none }

.page .hentry .entry-header h1         {
                                           font-size: 64px;
                                           letter-spacing: -1px;
                                           line-height: 54px;
                                           margin-top: 0pt;
                                           padding-left: 10px;
                                           text-shadow: 2px 3px 0 #0077B3;
    }

.page .entry-content article p         { font-family: MyriadWebProRegular, sans-serif }

.page .entry-content article           { }

.page .entry-content article p,
.page .entry-content article h3        { margin-left: 1.4em }

.page .entry-content article h2        {
                                           border-bottom: 2px solid #222;
                                           color: #111;
                                           text-shadow: 0 2px 2px #0077B3;
                                           text-transform: uppercase;
    }

#primary                               { padding-top: 2em }

#content                               { margin-bottom: 1.8em }

#content .slideshow                    { min-height: 400px }

/* aside */

aside article,
aside .news                            { height: 159px }

aside .news                            {
                                           background: transparent url('../img/bg-news.png') repeat-x 0% 0%;
                                           overflow: hidden;
    }

aside .news-2                          { background-image: url('../img/bg-projects.png') }

aside article                          { background: transparent url('../img/icon-news.png') no-repeat 4% 26% }

aside article.projects                 { background-image: url('../img/icon-projects.png') }

aside article h4                       {
                                           color: #fff;
                                           font-size: 90%;
                                           margin: 21px 0pt 8px;
                                           text-shadow: 0 2px 0 #0077B3;
                                           text-transform: uppercase;
    }

aside article p                        {
                                           font-size: 80%;
                                           margin: 0pt 10px 0pt 0pt;
    }

aside article .push_1                  {
                                           margin-right: 0pt;
                                           padding-right: 10px;
    }

/**
 ==========================================================
 * Footer
 ==========================================================
 */

.content-footer                        { border-top:3px solid #ddd; }

footer                                 { margin-top: 11px }

footer nav ul li                       {
                                           font-size: 80%;
                                           margin-right: 5px;
                                           padding-right: 5px;
                                           border-right: 1px solid #dedede;
    }

footer nav ul li.last                  { border-right: 0pt }

footer nav li a                        { color: #666 }

footer nav li a:hover                  { border-bottom: 1px dotted #aaa }

footer .copyright                      {
                                           color: #666;
                                           font-size: 12px;
                                           margin-top: 6px;
    }

footer .copyright strong               { font-weight: 400 }

/**
 * footer social button
 */

footer .network ul                     { list-style: none }

footer .network li                     {
                                           float: left;
                                           margin-right: 10px;
    }

footer .network li a                   {
                                           display: block;
                                           text-decoration: none;
                                           overflow: hidden;
                                           text-indent: -999em;
                                           width: 32px;
                                           height: 32px;
    }

footer .network li a:hover             {
                                           background-position: 0px 5px;
                                           background-repeat: no-repeat;
    }

footer .network ul                     {
                                           float: right;
                                           margin: 5px 72px 0pt 0pt;
    }

footer .network li.bt-twit a           { background-image: url('../img/twitter_32.png') }

footer .network li.bt-fb a             { background-image: url('../img/facebook_32.png') }

footer .network li.bt-tm a             {
                                           background-image: url('../img/tmau.png');
                                           width: 89px;
                                           height: 47px;
                                           margin-top: -10px;
    }

footer .network li.bt-tm a:hover       { background-position: 0 10px }

/**
 * footer aside
 */

/* footer aside bt */

a#bt-contact:hover,
a#bt-contact.tdown                     { background-position: 0px -24px }

a#bt-contact                           {
                                           width: 94px;
                                           height: 24px;
                                           text-indent: -999em;
                                           display: block;
                                           background: transparent url('../img/contact-slide.png') no-repeat 0px 0px;
                                           transition: color .25s linear;
                                           display: none;
    }

/**/

.footer-aside blockquote               {
                                           color: #373;
                                           font-size: 14px;
                                           margin-left: 0pt;
                                           margin-top: 0pt;
                                           text-shadow: 0px 1px 2px #eee;
    }

.footer-aside                          {
                                           background-color: #82CD41;
                                           font-size: 0.8em;
                                           color: #eee;
                                           padding-top: 10px;
                                           border-bottom: 1px solid #fff;
                                           border-top: 1px solid #129ACC;
                                           padding-bottom: 8px;
    }

.footer-aside .grid_4                  {
                                           background: transparent url('../img/mt-green.png') no-repeat 0% 10%;
                                           padding-left: 62px;
    }

.footer-aside .vcard dl                { margin-top: 0pt }

.footer-aside .vcard dd                { margin: 0pt }

.footer-aside .vcard dl dt             { display: none }

.footer-aside .vcard dd.street-address,
.footer-aside .vcard dd.postal-code,
.footer-aside .vcard dd.locality,
.footer-aside .vcard dd.region         {
                                           float: left;
                                           margin-right: 0.4em;
    }

.footer-aside a.org                    {
                                           font-weight: 700;
                                           color: #fff;
                                           text-decoration: none;
    }

.footer-aside .contact-info dl         { margin-top: 0pt }

.footer-aside .contact-info dt         {
                                           float: left;
                                           margin-right: 5px;
                                           color: #eee;
    }

.footer-aside .contact-info a          {
                                           color: #fff;
                                           text-decoration: none;
    }

.footer-aside .contact-info a:hover    { border-bottom: 1px dotted #666 }

/* background images 
 */

#primary                               { background: transparent url('../img/bg-main.png') no-repeat 50% 80% }

/** 
 * Slideshow style rules.
 */

#slideshow                             {
                                           margin: 0 auto;
                                           height: 380px;
                                           position: relative;
    }

#slideshow #slidesContainer            {
                                           margin: 0 auto;
                                           width: 780px;
                                           height: 263px;
                                           overflow: auto; /* allow scrollbar */
                                           position: relative;
    }

#slideshow #slidesContainer .slide     {
                                           margin: 0 auto;
                                           width: 760px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
                                           height: 263px;
    }

/** 
 * Slideshow controls style rules.
 */

.control                               {
                                           display: block;
                                           width: 39px;
                                           height: 263px;
                                           text-indent: -10000px;
                                           position: absolute;
                                           cursor: pointer;
    }

#leftControl,
#rightControl                          {
                                           top: 100px;
                                           background-repeat: no-repeat;
                                           background-color: transparent;
    }

#leftControl                           {
                                           left: 0;
                                           background-image: url('../img/arrow-left.png');
    }

#rightControl                          {
                                           right: 0;
                                           background-image: url('../img/arrow-right.png');
    }

/* frontpage slide content */

#slideshow .slide-1 .grid_3 p          {
                                           width: 286px;
                                           height: 243px;
                                           background: transparent url('../img/frontpage/lcd.png') no-repeat 0% 0%;
    }

#slideshow .slide-1 .grid_3 p a        {
                                           display: block;
                                           position: relative;
                                           width: 142px;
                                           height: 37px;
                                           background: transparent url('../img/frontpage/yes-lcdbutton.png') no-repeat 0% 0%;
                                           overflow: hidden;
                                           text-indent: -999em;
                                           top: 100px;
                                           left: 72px;
    }

#slideshow .slide-1 .grid_3 p a:hover  { background-position: 0% -37px }

#slideshow .slide .grid_6 h2           {
                                           font-size: 72px;
                                           margin: 0pt;
                                           line-height: 0.8em;
                                           text-shadow: 0px 4px 0px #0077B3;
    }

#slideshow .slide-2 h2                 { font-size: 46px !important }

#slideshow .slide-3 h2                 { font-size: 52px !important }

#slideshow .slide .grid_6 p            {
                                           background: transparent url('../img/dotted.png') no-repeat 0% 0%;
                                           font-size: 12px;
                                           padding-top: 8px;
    }

/*wp default class */

img.alignright,
img.alignleft                         {
                                            background-color: #eee;
                                            border: 1px solid #0077B3;
                                            box-shadow: 0 3px 5px #0077B3;
                                            padding: 5px;
    }

img.alignright                         {
                                            float: right;
                                            margin: 0pt 0pt 2px 5px;
    }

img.alignleft                         {
                                            float: left;
                                            margin: 0pt 5px 2px 0pt;
    }
    
/* reset img*/    
img.-imgna{
                                            background-color: transparent !important;
                                            padding: 0pt !important;
                                            border: 0pt !important;
                                            box-shadow: none !important;
    }
    
img.aligncenter{
                                            background-color: #2DA8D6;
                                            border: 4px solid #41B5E0;
                                            border-radius: 0.4em 0.4em 0.4em 0.4em;
                                            box-shadow: 3px 2px 3px #000000 inset;
                                            display: block;
                                            margin: 0 auto 10px;
                                            padding: 4px 0 0 5px;                                           
    }     
    
